<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
    	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
        <title>Fancy-form left</title>
        <link rel="stylesheet" type="text/css" href="css/fancy.css" media="screen" >
        <!--[if IE]>
            <link rel="stylesheet" href="css/fancy-ie.css" type="text/css" media="screen, projection" >
        <![endif]-->
    </head>
    <body>
        <form action="example.php">
            <fieldset class="fancy left">
                <legend>
                    Legend 1
                </legend>
                <ol>
                    <li>
                    <ol class="inline">
                        <li>
                        	<label for="input1">
                            	Input 1: 
                        	</label>
                        	<input id="input1" name="input1" type="text" >
                        </li>
                        <li>
                            <label for="input2" class="inline">
                                Input 2:
                            </label>
                            <input id="input2" name="input2" type="text" >
                        </li>
						<li>
							<label for="select1" class="inline">
								Select 1:
							</label>
							<select id="select1" name="select1">
								<option value="option1"> option 1</option>
								<option value="option2"> option 2</option>
								<option value="option3"> option 3</option>
								<option value="option4"> option 4</option>
								<option value="option5"> option 5</option>
							</select>
						</li>
                    </ol>
                    </li>
                    <li>
                        <label for="input3">
                            Input 3:
                        </label>
                        <input id="input3" name="input3" type="text" >
                    </li>
                    <li>
                        <label for="input4">
                            Input 4:
                        </label>
                        <input id="input4" name="input4" type="text" >
                    </li>
                </ol>
            </fieldset>
            <fieldset class="fancy left">
                <legend>
                    Legend 2
                </legend>
                <ol>
                    <li>
                        <ol class="inline">
                            <li>
                                <label for="input5">
                                    Input 5:
                                </label>
                                <input id="input5" name="input5" type="text" ><span class="extra">Other info</span>
                            </li>
                            <li>
                                <label for="input6" class="inline">
                                    Input 6:
                                </label>
                                <input id="input6" name="input6" type="text" >
                            </li>
                        </ol>
                    </li>
                    <li>
                        <ol class="inline">
                            <li>
                                <label for="input7">
                                    Input 7:
                                </label>
                                <input id="input7" name="input7" type="text" ><span class="extra">Other info</span>
                            </li>
                            <li>
                                <label for="input8" class="inline">
                                    Input 8:
                                </label>
                                <input id="input8" name="input8" type="text" ><span class="extra">Other info</span>
                            </li>
							<li>
                                <label for="input9" class="inline">
                                    Input 9:
                                </label>
                                <input id="input9" name="input9" type="text" ><span class="extra">Other info</span>
                            </li>
                        </ol>
                    </li>
                    <li>
                        <label for="input10">
                            Input 10:
                        </label>
                        <input id="input10" name="input10" type="text" >
                    </li>
                    <li>
                        <label for="input11">
                            Input 11:
                        </label>
                        <input id="input11" name="input11" type="text" >
                    </li>
                    <li>
                        <label for="input12">
                            Input 12:
                        </label>
                        <input id="input12" name="input12" type="text" >
                    </li>
                    <li>
                        <label for="textarea1">
                            Textarea 1:
                        </label>
                        <textarea id="textarea1" name="textarea1" cols="2" rows="2"></textarea>
                    </li>
					<li>
						<label for="check1">
							Check 1:
						</label>
						<input id="check1" type="checkbox" name="check1" value="check1" >
					</li>
					<li>
						<label for="radio1">
							Radio 1:
						</label>
						<input id="radio1" type="radio" name="radio1" value="radio1" >
					</li>
                    <li>
                        <ol class="inline">
                            <li>
                                <label for="check2">
                                    Check 2:
                                </label>
                                <input id="check2" type="checkbox" name="check2" value="check2" >
                            </li>
                            <li>
                                <label for="check3" class="radiocheck">
                                    Check 3:
                                </label>
                                <input id="check3" type="checkbox" name="check3" value="check3" >
                            </li>
							<li>
                                <label for="check4" class="radiocheck">
                                    Check 4:
                                </label>
                                <input id="check4" type="checkbox" name="check4" value="check4" >
                            </li>
                        </ol>
                    </li>
					<li>
						<ol class="inline">
							<li>
								<label for="radio2">
									Radio 2:
								</label>
								<input id="radio2" type="radio" name="radio2" value="radio2" >
							</li>
							<li>
								<label for="radio3" class="radiocheck">
									Radio 3:
								</label>
								<input id="radio3" type="radio" name="radio3" value="radio3" >
							</li>
							<li>
								<label for="radio4" class="radiocheck">
									Radio 4:
								</label>
								<input id="radio4" type="radio" name="radio4" value="radio4" >
							</li>
						</ol>
					</li>
                    <li>
                        <ol class="inline">
                            <li>
                                <span>
                                    Other text other text other text
                                </span>
                            </li>
                        </ol>
                    </li>
                </ol>
            </fieldset>
            <fieldset class="fancy left submit" >
            	<legend> &nbsp </legend>
                <input class="submit" type="submit" value="Submit" >
            </fieldset>
        </form>
    </body>
</html>
